<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%
	String path =request.getContextPath();
    String basePath =request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<base href="basePath">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link rel="stylesheet" href="<%=basePath%>/style/css/weui.css"/>
    <link rel="stylesheet" href="<%=basePath%>/style/css/example.css"/>
    <script type="text/javascript" src="<%=basePath%>/style/js/jquery-3.1.1.js" ></script>
    <style type="text/css">
    	#title
    	{
    		padding:20px;
    		font-size:40px;
    		font-weight:bold;
    		color:green;
    		text-align:center;
    	}
    </style>
<title>主页</title>
</head>
<body>

            <div class="weui-tabbar">
                <a href="<c:url value='/view/chatroom/chatroom.jsp'  />" id="chatroom" class="weui-tabbar__item weui-bar__item_on">
                    <span style="display: inline-block;position: relative;">
                        <img src="${pageContext.request.contextPath}/view/images/chat.jpg" alt="" class="weui-tabbar__icon">
                        <span class="weui-badge" style="position: absolute;top: -2px;right: -13px;">8</span>
                    </span>
                    <p class="weui-tabbar__label">聊天室</p>
                </a>
                <a href="<c:url value='/view/online/online.jsp'  />" id="online" class="weui-tabbar__item">
                    <img src="${pageContext.request.contextPath}/view/images/online.jpg" alt="" class="weui-tabbar__icon">
                    <p class="weui-tabbar__label">在线用户</p>
                </a>
                
                <a href="<c:url value='/view/user/desc.jsp' />" id="my" class="weui-tabbar__item">
                    <img src="${pageContext.request.contextPath}/view/images/my.jpg" alt="" class="weui-tabbar__icon">
                    <p class="weui-tabbar__label">我</p>
                </a>
            </div>
   
<script type="text/javascript">
   $(function(){
       $('.weui-tabbar__item').on('click', function () {
           $(this).addClass('weui-bar__item_on').siblings('.weui-bar__item_on').removeClass('weui-bar__item_on');
       });
   });
   
</script>
	
	
	<script src="<%=basePath%>/style/js/zepto.min.js"></script>
	<script src="<%=basePath%>/style/js/myjs.js"></script>
    <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script src="https://res.wx.qq.com/open/libs/weuijs/1.0.0/weui.min.js"></script>
    <script src="<%=basePath%>/style/js/example.js"></script>
</body>
</html>